{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="/Public/Css/front/front_css/my_wallet.css">
<link href="__PUBLIC__/Css/front/css/zhonchou_home.css?version={$version}" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<style type="text/css">

	body{
		background-color: #f3f3f3;
	}
	
	#load_wrapper{
	margin-top: 4.75rem;
	}

	.head_tab{
		width:100%;
		height:2.5rem;
		border-bottom:1px solid #efefef;
		box-sizing:border-box;
		padding:0 0.55rem;
		display:flex;
		display:-webkit-flex;
		justify-content:space-between;
		-webkit-justify-content:space-between;
		align-items:center;
		-webkit-align-items:center;
		background-color: #fff;
	}
	.head_tab .normal{
		font-size:0.7rem;
		color:#909090;
		line-height:1.2rem;
		height:1.2rem;
		display:flex;
		display:-webkit-flex;
		align-items:center;
		-webkit-align-items:center;
		padding:0 0.7rem;
	}
	.head_tab .active_tab{
		background: #FF6600;
		border-radius: 100px;
		color:#fff;
	}
	.mid{
		height: 5.45rem;
	}
	.small{
		height: 3.45rem;
	}
</style>
{/block}
{block name="content"}
<div class="title" style="margin-bottom:0">
	
	<div class="go_back"></div>
	<p><strong>消费记录</strong></p>
</div>

<ul class="head_tab">
	<li class="normal active_tab" data-consume_type="1" >支出记录</li>
	<li class="normal" data-consume_type="2" >收入记录</li>
	<li class="normal" data-consume_type="3" >充值记录</li>
	<li class="normal" data-consume_type="4" >提现记录</li>
</ul>

<!--还没有记录时-->
 <div class="no_record"style=" {if $account_list} display:none;{/if}">
	<div class="icon_norecord"></div>
	<p>还没有相关记录</p>
</div>


<div id="load_wrapper" {if !$account_list}style="display:none;"{/if}>
	<div id="scroller">
		<ul class="home_list">

			{if $consume_type == 1 || $consume_type == 2 || $consume_type == 3}
			{foreach from = $account_list item = this}
			{if $consume_type == 1}
			<!--支出记录-->
			<div class="expenditrue_list">
			<span class="h1">支出金额</span><span class="h5">-{$this.amount_out}元</span>
			<!-- <span class="h2">对方昵称</span><span class="h6">{$this.other_name}</span> -->
			<span class="h2">支出类型</span><span class="h6">{$this.change_type}</span>
			<span class="h3">支出频道</span><span class="h7">{$this.channel_name}</span>
			<span class="h4">支付时间</span><span class="h8">{$this.add_time}</span>
			</div>
	

			{elseif $consume_type == 2}
			<!--收入记录-->
			<div class="expenditrue_list">
				<span class="h1">收入金额</span><span class="h5">+{$this.amount_in}元</span>
				<!-- <span class="h2">对方昵称</span><span class="h6">{$this.buy_name}</span> -->
				<span class="h2">收入类型</span><span class="h6">{$this.change_type}</span>
				<span class="h3">收入频道</span><span class="h7">{$this.channel_name}</span>
				<span class="h4">进账时间</span><span class="h8">{$this.add_time}</span>

			</div>

			{elseif $consume_type == 3}
			<!--充值记录-->
			<div class="expenditrue_list small">
				<span class="h1">充值金额</span><span class="h5">+{$this.amount_in}元</span>
				<span class="h2">充值时间</span><span class="h6">{$this.add_time}</span>
			</div>
			{/if}
			{/foreach}
			{/if}

			{if $consume_type == 4}
			{foreach from = $deposit_list item = v}
			<!--提现记录-->
			<div class="expenditrue_list mid">
				<div class="w_box">
				<span class="withdraw_time">{$v.add_time}</span><span class="status verifying">{$v.state_name}</span>
				</div>
				<span class="num">提现金额</span><span class="withdraw_money verifying">-{$v.money}元</span>
				<span class="ac_num">提现账户</span><span class="withdraw_account">{$v.alipay_account}</span>
			</div>
			{/foreach}
			{/if}
			</ul>
		<div id="pullUp">
			<span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载...</span>
		</div>
	</div>
</div>


{/block}
{block name="js"}
<script type="text/javascript" src="__PUBLIC__/Js/front/iscroll.js"></script>

<script type="text/javascript" src="__PUBLIC__/Js/front/front_js/my_consume_record_list.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/front_js/my_consume_record.js"></script>
<script>
	var total = parseInt('{$total}')
	var firstRow =  parseInt('{$firstRow}')
	var consume_type = 0;

</script>
{literal}
<script type="text/javascript">

	var home_banner = new Swiper('.home_banner',{
        pagination: '.swiper-pagination',
        paginationClickable: true,
        autoplay: 2000,//可选选项，自动滑动
    })

</script>
{/literal}
{/block}